<template>
	<view>
		<view class="box">
			<image src="../../static/success.png"></image>
			<view class="title">恭喜您</view>
			<view>本次支付成功</view>
		</view>
		<view class="butbox">
			<view @click="tocarlist()">查看订单</view>
			<view @click="tohome()">返回首页</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				order_type:'',
				type:'',
				delivery_method:'',
			}
		},
		onLoad(option) {
			this.order_type = option.order_type
			this.type = option.type
			this.delivery_method = option.delivery_method
		},
		methods: {
			tohome(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			},
			tocarlist(){
				uni.navigateTo({
					url: '/pageshop/goodsorder/goodsorder?type=' + this.type + '&order_type=' + this.order_type +
						'&delivery_method=' + this.delivery_method
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		margin-top: 128rpx;
		text-align: center;
		font-size: 34rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #222222;
		image{
			width:304rpx;
			height: 236rpx;
		}
		.title{
			margin-top: 28rpx;
		}
	}
	.butbox{
		display: flex;
		width: 430rpx;
		margin: 58rpx auto;
		align-items: center;
		justify-content: space-between;
		>view{
			width: 180rpx;
			height: 68rpx;
			background: #FFFFFF;
			border-radius: 34rpx;
			border: 2rpx solid #999999;
			line-height: 68rpx;
			text-align: center;
			font-size: 28rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #222222;
		}
	}

</style>
